<template>
   <Modal
        v-model="show"
        :title="`${name}技能树预览`"
        :width="800"
        :footer-hide="true"
        style="position:relative"
        >
        <!-- <div style="position:absolute;left:20px;top:60px">
          <p><span style="color:#f90;margin-right:16px;line-height: 35px;"> <Icon type="ios-information-circle-outline" />点击文字或原点可以展开或收缩该节点下所有子节点</span></p>
          <p><span style="color:#f90;margin-right:16px;line-height: 35px;"> <Icon type="ios-information-circle-outline" />蓝色原点为岗位，绿色为技能，灰色为叶子节点</span></p>
        </div> -->
        <SkillTree type="prev" :treeId="treeId" v-if="show"></SkillTree>
    </Modal>     
</template>
<script>
 import SkillTree from './skillTree.vue'
export default{
  name:'showTreeDetail',
  components:{SkillTree},
  data(){
    return {
      show:false,
      name:'',
      treeId:''
    }
  },
  methods:{
    open(obj){
      this.name = obj.name;
      this.treeId = obj.id;
      this.show = true;
    }
  }
}
</script>
